@import "./var.less";

.display-flex(@d: row, @j: center, @a: center) {
  display: flex;
  flex-flow: @d nowrap;
  justify-content: @j;
  align-items: @a;
}

.page-top {
  position: absolute;
  width: 100%;
  height: 100px;
  &--twinkle {
    position: absolute;
    left: 20%;
    top: 0;
    height: 100px;
    width: 60%;

    &__left {
      position: absolute;
      left: 25px;
      top: 54px;
    }
    &__right {
      position: absolute;
      right: 43px;
      top: 54px;
    }
  }

  &__prebtn {
    position: absolute;
    left: 60px;
    bottom: 10px;
    height: 60px;
    width: 180px;
    cursor: pointer;
  }
  &__nextbtn {
    position: absolute;
    right: 60px;
    bottom: 10px;
    height: 60px;
    width: 180px;
    cursor: pointer;
  }
}